<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Wellness-Cadastrar Aluno</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/wellness.css" />
        <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="js/cadastrarAluno.js"></script>
        <script type="text/javascript" src="js/mascarador.js"></script>
    </head>
    <body>

        <div id="cadastrar-aluno">
            <h2>Cadastrar Aluno</h2> 
            <div id="header">
                <h4> &#127968; Inicio  &nbsp &#8250 &nbsp Cadastros &nbsp &#8250 &nbsp Alunos </h4>			
            </div>	
            <br>
            <div id="menu"> 
                <!--	    
                                <input type="button" id="criar" value="Criar" name="Criar" class="botao" /> 
                            <input type="button" id="alterar" value="Alterar" name="Alterar" class="botao"/> 
                            <input type="button" id="excluir" value="Excluir" name="Excluir"class="botao"/> 
                            <input type="button" id="ver" value="Criar" name="Ver" class="botao"/> 
                -->	   		
                <br> <br> <br>
            </div>
            <br />


            <fieldset>

                <legend> <strong>Informações Pessoais</strong></legend>
                <div id="campo0">				    
                    <label for="nome">Nome</label> 	  
                    <input type="text" placeholder="Nome" onkeypress="mascara(this, letras)" maxlength="30" style="margin-left:25px;" name="nome" id="nome"/>  

                    <input type="radio" style="margin-left:100px;" name="sexo" id="sexo" value="mas" />Masculino
                    <input type="radio" name="sexo" value="fem" id="sexo" />Feminino
                </div>


                <div id="campo2">
                    <label for="cpf"  style="margin-left:1px;">CPF</label> 
                    <input type="text" placeholder="000.000.000-00" onkeypress="mascara(this, cpf)" maxlength="14" style="margin-left:33px;" name="cpf" id="cpf"/>

                    <label style="margin-left:24px;" for="rg">RG</label> 
                    <input type="text" placeholder="00.000.000-0" onkeypress="mascara(this, rg)" maxlength="12" style="margin-left:34px;" name="rg" id="rg"/>
                </div>


                <div id="campo3">
                    <label for="dtnasc" style="margin-left:1px;">Dt Nasc.</label> 
                    <input type="date" placeholder="AAAA-MM-DD" style="margin-left:6px; width:150px;" name="data_nascimento" id="data_nascimento"/>

                    <label style="margin-left:23px;" for="email">E-mail</label> 
                    <input type="text" placeholder="E-mail" style="margin-left:15px;" name="email" id="email"/>	
                </div>


                <div id="campo4">
                    <label for="endereco" style="margin-left:1px;">End.</label>  
                    <input type="text" placeholder="Endereço" onkeypress="mascara(this, letras)" maxlength="15" style="margin-left:33px;" name="endereco" id="endereco"/>

                    <label style="margin-left:24px;" for="bairro">Bairro</label> 
                    <input type="text" placeholder="Bairro" onkeypress="mascara(this, letras)" maxlength="15" style="margin-left:18px; widht:10px;" name="bairro" id="bairro"/>

                    <label style="margin-left:23px;" for="cep">CEP</label> 
                    <input type="text"  placeholder="00000-000" onkeypress="mascara(this, cep)" maxlength="9" style="margin-left:18px; width: 100px;" name="cep" id="cep"/>

                    <label style="margin-left:5px;" for="numero">Nº</label> 
                    <input type="text" placeholder="000000" onkeypress="mascara(this, num)" maxlength="6" style="margin-left: 5px; widht: 100px;" name="numero" id="numero"/>
                </div>


                <div id="campo5">
                    <label for="cidade">Cidade</label> 
                    <input type="text" placeholder="Cidade" onkeypress="mascara(this, letras)" maxlength="15" style="margin-left:18px;" name="cidade" id="cidade"/>

                    <label style="margin-left:24px;" for="estado">Estado</label> 
                    <input type="text" placeholder="Estado" onkeypress="mascara(this, letras)" maxlength="15" style="margin-left:11px;" name="estado" id="estado"/>				
                </div>



                <div id="campo6">
                    <label for="tel" style="margin-left:1px;">Telefone</label> 
                    <input type="text" placeholder="(00) 0000-0000"  onkeypress="mascara(this, telefone)" maxlength="14" style="margin-left:7px;" name="telefone" id="telefone"/>	

                    <label style="margin-left:23px;" for="cel">Celular</label> 
                    <input type="text" placeholder="(00) 0000-0000" onkeypress="mascara(this, telefone)" maxlength="14" style="margin-left:11px;" name="celular" id="celular"/>	
                </div>


            </fieldset>

            <br>
            <br>

            <fieldset>
                <legend><strong>Informações do Responsável</strong></legend>

                <div id="campo7">
                    <label for="nomeresp">Nome do Responsável</label> 
                    <input type="text" placeholder="Nome do Responsável"onkeypress="mascara(this, letras)" maxlength="30" style="margin-left:12px; width:230px;" name="nome_responsavel" id="nome_responsavel"/>

                    <label style="margin-left:10px;" for="rg">RG</label> 
                    <input type="text" placeholder="00.000.000-0" onkeypress="mascara(this, rg)" maxlength="12" style="margin-left:30px;" name="rg_responsavel" id="rg_responsavel"/>

                    <label style="margin-left:10px;" for="rg">Telefone</label> 
                    <input type="text" placeholder="(00) 0000-0000" onkeypress="mascara(this, telefone)" maxlength="14" style="margin-left:10px;" name="tel_responsavel" id="tel_responsavel"/>


                </div>

                <div id="campo8">
                    <label style="margin-left:1px;" for="dtpg">Modalidade</label> 
                    <input type="text" placeholder="Modalidade" onkeypress="mascara(this, letras)" maxlength="15" style="margin-left:86px;"  name="modalidade" id="modalidade"/>

                    <label style="margin-left:12px;" for="dtpg">Data de Pagamento</label> 
                    <input type="date" placeholder="AAAA-MM-DD" name="data_pagamento" style="margin-left:26px; width:152px;" id="data_pagamento"/>
                </div>


            </fieldset>


            <br>
            <input type="submit" href="#" class="btn-ace" id="gravar" name="gravar" style="margin-left:1020px;"value="&#x1f4be  Salvar"/>

        </div>
    </body>
</html>
